<div class="content__title">
    <h1>
        水样标准数据管理
        <small>查询和导入数据</small>
    </h1>

    <div class="mb-md text-right">
        <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="upload()">
            <i class="anticon anticon-plus"></i>
            <span>导入数据</span>
        </button>

    </div>
</div>

<div nz-row [nzGutter]="16">
    <div nz-col [nzMd]="24">
        <nz-card>

            <nz-table #nzTable [nzAjaxData]="dataTable.list" [nzShowSizeChanger]="true" [nzLoading]="loading" [nzTotal]="dataTable.total"
                [(nzPageIndex)]="dataTable.pageIndex" (nzPageIndexChange)="load()" [(nzPageSize)]="dataTable.pageSize" (nzPageSizeChange)="load()">
                <thead nz-thead>
                    <tr>
                        <th nz-th>
                            <span>中文名</span>
                        </th>
                        <th nz-th>
                            <span>英文名</span>
                        </th>
                        <th nz-th>
                            <span>Cas No</span>
                        </th>
                        <th nz-th>
                            <span>别称</span>
                        </th>
                        <th nz-th>
                            <span>水域类别</span>
                        </th>
                        <th nz-th>
                            <span>单位</span>
                        </th>

                        <th nz-th>
                            <span>Ⅰ类</span>
                        </th>
                        <th nz-th>
                            <span>Ⅱ类</span>
                        </th>
                        <th nz-th>
                            <span>Ⅲ类</span>
                        </th>
                        <th nz-th>
                            <span>Ⅳ类</span>
                        </th>
                        <th nz-th>
                            <span>Ⅴ类</span>
                        </th>

                        <th nz-th>
                            <span>标准分类</span>
                        </th>

                    </tr>
                </thead>
                <tbody nz-tbody>
                    <tr nz-tbody-tr *ngFor="let data of nzTable.data">

                        <td nz-td style="width:10%">
                            <span>
                                {{data.norm.normZhName}}
                            </span>

                        </td>
                        <td nz-td>
                            <span>
                                {{data.norm.normEnName}}
                            </span>

                        </td>
                        <td nz-td>
                            <span>
                                {{data.norm.casNo}}
                            </span>

                        </td>
                        <td nz-td>
                            {{ data.anotherName }}

                        </td>
                        <td nz-td>

                            <span *ngIf="data.riverType == 3">全部</span>

                            <span *ngIf="data.riverType == 1">湖库</span>

                            <span *ngIf="data.riverType == 2">河流</span>

                        </td>

                        <td nz-td>
                            {{ data.unit }}

                        </td>

                        <td nz-td>
                            {{ data.limit1 }}

                        </td>

                        <td nz-td>
                            {{ data.limit2 }}

                        </td>

                        <td nz-td>
                            {{ data.limit3}}

                        </td>

                        <td nz-td>
                            {{ data.limit4 }}

                        </td>

                        <td nz-td>
                            {{ data.limit5 }}

                        </td>

                        <td nz-td>
                            {{ data.standedType }}

                        </td>


                    </tr>
                </tbody>
            </nz-table>

        </nz-card>
    </div>

</div>
